<template>
	<view>
		<view class="nav">
			<uni-nav-bar :border="false" left-icon="left" leftText="返回" title="聊天详情" />
		</view>
		<view class="top">
			<view class="photo">
				<image src="/static/images/chatitem.png" mode=""></image>
				<view class="text">设计师小米</view>
			</view>
		</view>

		<view class="ul">
			<view class="li">
				<view class="left">
					置顶聊天
				</view>
				<view class="rgt">
					<switch @change="switch2Change" />
				</view>
			</view>
			<view class="li">
				<view class="left">
					消息免打扰
				</view>
				<view class="rgt">
					<switch @change="switch2Change" />
				</view>
			</view>
			<view class="li">
				<view class="left">
					屏蔽拉黑
				</view>
				<view class="rgt">
					<switch @change="switch2Change" />
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			switch2Change: function(e) {
				console.log('switch2 发生 change 事件，携带值为', e.detail.value)
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import url('@/static/css/chatItem.css');
</style>